﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Anonymous/Anonymous.Master" AutoEventWireup="true" CodeBehind="ApartmanDetails.aspx.cs" Inherits="Pep_3014_3070.Anonymous.ApartmanDetails" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- START .main-contents -->
    <div class="main-contents" style="margin-top: 150px !important;">
        <div class="container">
            <div class="row">
                <!-- START #page -->
                <div id="page" class="col-md-8">
                    <!-- START .post-data -->
                    <div class="post-data">
                        <div class="container">
                            <div class="col-lg-8 col-md-8">
                                <div id="slider" class="flexslider">
                                    <ul class="slides">
                                        <asp:ListView ID="ListView1" runat="server">
                                            <ItemTemplate>
                                                <li>
                                                    <img src='<%# Eval("Url") %>' alt="" />
                                                </li>
                                            </ItemTemplate>
                                        </asp:ListView>
                                    </ul>
                                </div>
                                <div id="carousel" class="flexslider">
                                    <ul class="slides">
                                        <asp:ListView ID="ListView2" runat="server">
                                            <ItemTemplate>
                                                <li>
                                                    <img src='<%# Eval("UrlThumbnail") %>' alt="" />
                                                </li>
                                            </ItemTemplate>
                                        </asp:ListView>
                                    </ul>
                                </div>


                                <ul class="featured-btm single-ft-btm list-unstyled box-shadow1" style="background-color: #59AEFF !important;">
                                    <li class="post-author">
                                        <asp:Label ID="lblOwner" runat="server" Text="Vlasnik"></asp:Label>
                                    </li>
                                    <li class="post-category">
                                        <asp:Label ID="lblType" runat="server" Text=""></asp:Label></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                    <!-- END .post-data -->
                    <div class="post-data">
                        <hr />
                        <article class="post-content">

                            <blockquote>
                                <p><strong>Detalji iznajmljivanja</strong></p>
                                <asp:Label ID="lblRentalDetails" runat="server" Text="Detalji iznajmljivanja"></asp:Label>
                            </blockquote>

                        </article>

                    </div>
                    <div class="sidebar-widget">
                        <h3 class="text-upper">Ostale informacije</h3>
                        <ul class="cats-list list-unstyled">
                            <li>
                                <label>Sobe</label><span><asp:Label ID="lblBedrooms" CssClass="label" runat="server" Text="0"></asp:Label></span></li>
                            <li>
                                <label>Kreveti</label><span><asp:Label ID="lblBeds" CssClass="label" runat="server" Text="0"></asp:Label></span></li>
                            <li>
                                <label>Kopaonice</label><span><asp:Label ID="lblBathrooms" CssClass="label" runat="server" Text="0"></asp:Label></span></li>
                            <li>
                                <label>Toileti</label><span><asp:Label ID="lblToilets" CssClass="label" runat="server" Text="0"></asp:Label></span></li>
                            <li>
                                <label>Sprat</label><span><asp:Label ID="lblFloor" CssClass="label" runat="server" Text="0"></asp:Label></span></li>
                            <li>
                                <label>Dizalo</label><span><asp:Label ID="lblElevator" CssClass="label" runat="server" Text=""></asp:Label></span></li>
                        </ul>
                    </div>

                    <!-- START .post-content -->
                    <div class="sidebar-widget">
                        <h3 class="text-upper">Opis apartmana na sljedecim jezicima : </h3>
                        <div class="panel-group" id="accordion">
                            <asp:Repeater ID="DescriptionRepeater" runat="server">
                                <ItemTemplate>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <a class="panel-title collapsed" data-toggle="collapse" data-parent="#accordion" href="#<%# Eval("Language") %>">
                                                <%# Eval("Language") %>
                                            </a>
                                        </div>
                                        <div id="<%# Eval("Language") %>" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                <article class="post-content">
                                                    <!-- BLOCKQUOTE -->
                                                    <blockquote>
                                                        <p><strong>Krati opis </strong></p>
                                                        <p>
                                                            <asp:Label ID="lblShortPropertyDescription" runat="server" Text='<%# Eval("ShortPropertyDescription") %>'></asp:Label>
                                                        </p>
                                                    </blockquote>
                                                    <p><strong>Opis okolice </strong></p>
                                                    <p>
                                                        <asp:Label ID="lblAreaDescription" runat="server" Text='<%# Eval("AreaDescription") %>'></asp:Label>
                                                    </p>
                                                    <blockquote>
                                                        <p><strong>Detaljan Opis</strong></p>
                                                        <p>
                                                            <asp:Label ID="lblFullPropertyDescription" runat="server" Text='<%# Eval("FullPropertyDescription") %>'></asp:Label>
                                                        </p>

                                                    </blockquote>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                    <!-- END .post-content -->
                    <div class="sidebar-widget">
                        <!-- START .about-author -->
                        <div class="about-author gray box-shadow1">
                            <span class="author-image">
                                <img src="/Content/img/Owner.jpg" alt="Author Image" />
                            </span>
                            <h5>
                                <asp:HyperLink ID="OwnerHyperLink" runat="server">Vlasnik</asp:HyperLink>
                            </h5>
                            <asp:Label ID="lblAboutMe" runat="server" Text="O vlasniku!"></asp:Label>
                        </div>
                        <!-- END .about-author -->
                    </div>
                    <!-- END #page -->
                </div>
                <!-- START #sidebar -->
                <aside id="sidebar" class="col-md-4">
                    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                    <div class="sidebar-widget">
                        <asp:UpdatePanel ID="ReservationUpdatePanel" runat="server">
                            <ContentTemplate>
                                <div class="styled-box gray">
                                    <h3 class="text-upper">Rezervisi apartman!</h3>
                                    <div class="input-field  schedule">
                                        <asp:TextBox ID="CheckInInput" CssClass="datepicker date-picker" runat="server" placeholder="Datum dolaska" TextMode="DateTime" Width="90%" data-date-format="dd-mm-yyyy"></asp:TextBox>
                                        <i class="calendar-icon"></i>
                                    </div>
                                    <hr />
                                    <div class="input-field schedule">
                                        <asp:TextBox ID="CheckOutInput" runat="server" CssClass="date-picker" placeholder="Datum  odlaska" TextMode="DateTime" Width="90%" data-date-format="dd-mm-yyyy"></asp:TextBox>
                                        <i class="calendar-icon"></i>
                                    </div>
                                    <hr />

                                    <div class="input-field select">
                                        <label>Broj gostiju</label>
                                        <asp:DropDownList ID="GuestDropDownList" runat="server" OnSelectedIndexChanged="GuestDropDownList_SelectedIndexChanged" AutoPostBack="true">
                                            <asp:ListItem Value="0" Text="Odaberi"></asp:ListItem>
                                            <asp:ListItem Value="1" Text="1"></asp:ListItem>
                                            <asp:ListItem Value="2" Text="2"></asp:ListItem>
                                            <asp:ListItem Value="3" Text="3"></asp:ListItem>
                                            <asp:ListItem Value="4" Text="4"></asp:ListItem>
                                            <asp:ListItem Value="5" Text="5"></asp:ListItem>
                                            <asp:ListItem Value="6" Text="6"></asp:ListItem>
                                            <asp:ListItem Value="7" Text="7"></asp:ListItem>
                                            <asp:ListItem Value="8" Text="8"></asp:ListItem>
                                            <asp:ListItem Value="9" Text="9"></asp:ListItem>
                                            <asp:ListItem Value="10" Text="10"></asp:ListItem>
                                        </asp:DropDownList>

                                    </div>
                                    <div class="input-field select">
                                        <label>Ukupno : </label>
                                        <asp:Label ID="lblPrice" runat="server" Text="Price"></asp:Label>
                                    </div>
                                    <hr />
                                    <asp:Button ID="btnRezerviraj" runat="server" Text="Rezerviraj" CssClass="btn btn-primary text-upper marb20" OnClick="btnRezerviraj_Click" Width="100%" />
                                </div>
                            </ContentTemplate>
                        </asp:UpdatePanel>

                    </div>
                    <div class="sidebar-widget">
                        <!-- Sidebar facebook widget -->
                        <!-- START TABS -->
                        <ul class="nav nav-tabs social-tabs text-upper">
                            <li class="active"><a class="facebook-tab" href="#facebook-tab" data-toggle="tab">Facebookli></a></li>
                            <li><a class="twitter-tab" href="#twitter-tab" data-toggle="tab">Twitter</a></li>
                            <li><a class="share-tab" href="#share-tab" data-toggle="tab">Follow Us</a></li>
                        </ul>
                        <!-- END TABS -->

                        <!-- START TAB CONTENT -->
                        <div class="tab-content clearfix marb30">
                            <!-- START TAB 1 -->
                            <div class="tab-pane active" id="facebook-tab">
                                <div id="fb-widget"></div>
                            </div>
                            <!-- END TAB 1 -->

                            <!-- START TAB 2 -->
                            <div class="tab-pane" id="twitter-tab">
                            </div>
                            <!-- END TAB 2 -->

                            <!-- START TAB 3 -->
                            <div class="tab-pane" id="share-tab">
                            </div>
                            <!-- END TAB 3 -->
                        </div>
                        <!-- END TAB CONTENT -->
                    </div>

                    <div class="sidebar-widget" id="preporuka" runat="server" Visible="False">
                        <div class="styled-box gray">
                            <h3 class="text-upper">Preporuceni apartmani : </h3>
                        </div>
                    </div>

                    <div class="sidebar-widget">
                        <asp:Repeater ID="PreporuceniRepeater" runat="server">
                            <ItemTemplate>
                                <br />
                                <div class="ft-item" style="width: 100%">
                                    <div class="plan-image">
                                        <img src='<%# Eval("ProfilePictures") %>' class="img-responsive" alt='<%# Eval("Title") %>' />
                                    </div>
                                    <div class="ft-foot">
                                        <h4 class="ft-title text-upper">
                                            <asp:HyperLink ID="ApartmanDetailsLink" runat="server" NavigateUrl='<%# string.Format("/Details/{0}",Eval("ApartmentID")) %>'><%# Eval("Title") %></asp:HyperLink>
                                        </h4>
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                    </div>

                </aside>
                <!-- END #sidebar -->
            </div>
            <!-- END .row -->
        </div>
    </div>
    <!-- END .main-contents -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
            // The slider being synced must be initialized first
            $('#carousel').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: false,
                slideshow: false,
                itemWidth: 185,
                asNavFor: '#slider'
            });

            $('#slider').flexslider({
                animation: "fade",
                controlNav: false,
                animationLoop: false,
                slideshow: false,
                sync: "#carousel"
            });
        });
    </script>
</asp:Content>
